

<template>
  <div>
    <div class="MyIndexPanel">
      <div class="view">
        <div class="icodiv">
          <div class="ico">
            <img src="../../assets/img/ui/ico.png">
            <div class="kuang"></div>
          </div>
          <div class="name">我的名字</div>
        </div>
        <div class="tiaoldiv">
          <div class="my">
            <div style="position:relative;text-align: left;left: 0.5rem;">
              <span style="color: #7A452C;font-size: 0.32rem;">我的钱包</span>
              <img src="../../assets/img/myindxe/zhuan.png" style="width: 0.4rem;height: 0.32rem;margin-top: -0.1rem;margin-left: 0.1rem;margin-right: 0.1rem;">
              <span style="color: #ED0000;font-size: 0.32rem;font-weight: 800;">1000</span>
            </div>
            <div class="czbtn" @click="czBtnClick()"></div>

          </div>
          <div class="tiaol">
            <ul class="uldata">
              <li @click="liClick(0)">
                <div class="txt">关于纯钧</div>
                <img src="../../assets/img/myindxe/jt.png" class="img">
              </li>
              <li @click="liClick(1)">
                <div class="txt">用户协议</div>
                <img src="../../assets/img/myindxe/jt.png" class="img">
              </li>
              <li @click="liClick(2)">
                <div class="txt">隐私政策</div>
                <img src="../../assets/img/myindxe/jt.png" class="img">
              </li>
              <li @click="liClick(3)">
                <div class="txt">退出登录</div>
                <img src="../../assets/img/myindxe/jt.png" class="img">
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>



<style scoped>
.MyIndexPanel{
  background-image: url("../../assets/img/myindxe/bg.png");width: 7.5rem;height: 16.7rem;
}
.view{

}
.icodiv{
  position: absolute;left: 3rem;top:2rem;
}
.icodiv .ico{
  /*background-image: url("../../assets/img/myindxe/bg.png");width: 7.5rem;height: 16.7rem;*/
  width: 1.44rem;height: 1.44rem;
}
.icodiv .ico .kuang{
  position: absolute; background-image: url("../../assets/img/myindxe/icokuang.png");width: 1.44rem;height: 1.44rem;left: 0rem;top:0rem;
}
.icodiv .ico img{
  position: absolute;width: 1.44rem;height: 1.44rem;border-radius: 50%;left: 0rem;top:0rem;
}
.icodiv .name{
  position: relative;width: 1.5rem;text-align: center;color: #DFA192;font-size: 0.36rem;margin-top: 0.2rem;
}
.tiaoldiv{
  position: fixed;bottom:0rem;left: 0.32rem;
}
.tiaoldiv .my{
  position: relative;background-image: url("../../assets/img/myindxe/bg1.png");width:6.86rem;height: 1.5rem;left: 0rem;top:0rem;
  line-height: 1.5rem;
}
.tiaoldiv .my .czbtn{
  position:absolute;background-image: url("../../assets/img/myindxe/czbtn.png");width:1.68rem;height: 0.88rem;left: 4.8rem;top:0.33rem;
}
.tiaoldiv .tiaol{
  position: relative;background-image: url("../../assets/img/myindxe/bg2.png");width:6.86rem;height: 10.12rem;left: 0rem;top:0.1rem;
}

.uldata{
  position: absolute;font-size: 0.22rem;line-height: 0.36rem;left: 0.25rem;top: 0rem;height: 14rem;overflow-y:auto;overflow-x:hidden;width: 6.2rem;
  white-space: nowrap;color: #D0866D;text-align: left;
}
.uldata li{
  position: relative;width: 6.2rem;height:1rem;border-bottom: 0.01rem solid #F5DFD6;line-height: 1rem;color: #7A452C;
  font-size: 0.26rem;font-weight: 500;
}
.uldata li .img{
  width: 0.1rem;height: 0.16rem;position: relative;top: -1rem;left: 6rem;
}
.uldata li .txt{
  position: relative;left: 0.25rem;font-weight: 500;font-size: 0.26rem;
}

</style>
<script setup>
import Enum from "@/gamejs/Enum";
import Util from "@/gamejs/Util";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
import {onBeforeRouteLeave, onBeforeRouteUpdate, useRoute} from "vue-router";
let store = useStore();
let clsid=winApp.getClsId();

/*组件挂载完成后执行的函数；*/
onMounted(() => {
  console.log("MyIndexPanel onMounted  ");

});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  // winApp.deleteNotification(clsid);
  console.log("MyIndexPanel onUnmounted  卸载组件实例后  ",clsid);
});

function czBtnClick(){
  console.log("MyIndexPanel czBtnClick   ");
}
function liClick(index){
  console.log("MyIndexPanel liClick   ",index);
}


</script>
